// pages/liulanranking/liulanranking.js
const $api= require('../utils/api').API
/* 获取应用实例 */
const app = getApp()
Page({
  /**
   * 页面的初始数据
   */
  data: {
// 头部导航栏的高度
statusBarHeight: app.globalData.statusBarHeight,
boundingHeight: null,
    color_today_liulan: '#FDC63D',
    color_servendays_liulan: 'black',
    color_thismonths_liulan: 'black',
    /* 民宿列表 */
    homeLists:[
    ],
    /* 浏览次数 */
    liulan_counter:109,
    //配置的域名。
    baseURL:'https://j53421893f.zicp.fun',
  },
/* 返回原来的页面 */
backOriginalPage() {
  wx.navigateBack({
    delta: 3
  })
},
// 改变颜色
changeColor(type) {
  console.log(type);
  let color = ['color_today_liulan', 'color_servendays_liulan', 'color_thismonths_liulan'];
  /* 先将所有的都变黑 */
  this.setData({
    color_today_liulan: 'black',
    color_servendays_liulan: 'black',
    color_thismonths_liulan: 'black'
  })
  /* 再将所点击的那个变成想要的颜色 */
  this.setData({
    [type] : '#FDC63D'
  })
},
// 刷新民俗列表
relreshList(){
},
/* 改变排序方式 */
changeSort(e) {
  this.changeColor(e.target.dataset.type);
  /* 刷新民宿列表 */
  this.relreshList();
},
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    var data = {
      "id":1,//封面
      "moduleId":1//封面
    }
    //请求列表接口
    $api.getHomestayList(data).then(res => {
      if(res.data.code !== 200){
        wx.showToast({ //弹出框
          title: '查询民宿列表失败！',
          icon: 'error',
          duration: 2000
        })
       }else{
        wx.showToast({
          title: '查询民宿列表成功！',
          icon: 'success',
          duration: 2000
        });
        console.log(res.data);
        this.setData({homeLists:res.data.rows}) 
        console.log(this.data.homeLists); 
        
       }
    })
    /* 获取民宿图片 */
    let data1 = {
      "moduleId":5,
      "innerId":1
    }
    $api.selectFiles(data1).then(res =>{
      if(res.data.code !== 200){
        wx.showToast({ //弹出框
          title: '查询民宿图片失败！',
          icon: 'error',
          duration: 2000
        })
       }else{
        wx.showToast({
          title: '查询民宿图片成功！',
          icon: 'success',
          duration: 2000
        });
        /* 保存图片 */
        //console.log(res.data);
        for(let i = 0; i < res.data.rows.length - 1;i++){
          this.data.homeLists[i].address = this.data.baseURL + res.data.rows[i].filePath;
        } 
        this.setData({ homeLists: this.data.homeLists }); 
        console.log(this.data.homeLists);
      }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    this.setData({
      boundingHeight: getApp().globalData.boundingHeight
    })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})